CORS
웹 애플리케이션을 개발하다보면 CORS 문제를 마주하게 됩니다. 서버리스 환경이나 프론트엔드 단일 구조에서 외부 API를 호출 할 때, 브라우저 보안 정책으로 요청이 차단되기도 하는데 가장 간단하게 프록시 서버를 두는 방식을 알아보겠습니다.
Heroku
Heroku와 github를 연동하여 개인용 Cors 프록시 서버를 구축하는 방법으로 토이 프로젝트나 간단한 웹 앱에 유용합니다
|
항목 |
설명 |
|
GitHub 계정 |
cors-anywhere 저장소를 포크하기 위해 필요 |
|
Heroku 계정 |
무료 서버 배포 플랫폼 |
|
Node.js 이해도 (선택) |
필수는 아니지만 구조를 이해하면 도움이 됨 |
순서
1. Cors- AnyWhere 프로젝트 포크하기
위 링크를 접속해서 NEW- Creat New App를 선택하고 앱 이름 정하여 생성합니다.
3. Heroku 앱 대시보드에 Deploy 탭으로 이동하여 설정하면 됩니다. Deployment method → GitHub 선택하고 연동 인증하면 됩니다
4. 이후 Enable Automatic Deploys 활성화 하여 저장소에 변경이 생기면 자동 반영되도록 설정하면 됩니다
5. 정상 작동 확인
|
항목 |
내용 |
|
사용 목적 |
CORS 문제를 우회하여 외부 API 요청 처리 |
|
장점 |
무료, 빠른 배포, 서버 관리 불필요 |
|
단점 |
상용 서비스에는 비추천 (무료 서버 특성상 제한 존재) |
|
추천 대상 |
토이 프로젝트, 개인 개발, 학습용 |
글
